<template>
  <view class="login" id="login">
    <view class="logo">
      <view class="logoImg"></view>
      <text>即时借还，共享拐杖</text>
    </view>
    
    <view class="loginBox">
        <view class="phone">
          <text class="title">手机号码</text>
          <input class="inputIntem" type="phone" placeholder="请输入手机号"/>
        </view>
        <view class="code">
          <text class="title">验证码</text>
          <view class="codeCheck">
            <input class="inputIntem" type="number" placeholder="请输入验证码"/>
            <text class="getCode">获取验证码</text>
          </view>
        </view>
        <view class="loginIn"></view>
        <view class="tips">登录及接受<text class="sF">用户协议</text>及<text class="sF">隐私授权</text></view>
    </view>
  </view>
</template>

<script setup>
import './login.less'
import { ref } from 'vue'
import Taro from '@tarojs/taro'

Taro.setNavigationBarColor({
    frontColor: '#000000',
    backgroundColor: '#C0EDED',
    animation: {
        duration: 400,
        timingFunc: 'easeIn'
    }
})
</script>
